
.con{
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background:url('http://ww1.sinaimg.cn/large/007iaMVvgy1gtbgxdznphj637e1xggyc02.jpg') no-repeat;
    background-size: 100% 100%;
    .loginIndex{
        width: 500px;
        height: 350px;
        // border: 1px solid red;
        background: rgba(255, 255, 255, .8);
        // background: #fff;
        .title{
            display: flex;
            justify-content:flex-end;
            margin: 10px;
            
            .tit{
                width: 140px;
                height: 50px;
                display: flex;
                justify-content: space-between;
                border-radius: 15px;
                padding: 5px;
                border: 1px solid #efefef;
                // border: 1px solid #1890FF;
                box-sizing: border-box;
                p{
                    color: black;
                    width: 60px;
                    height: 40px;
                    text-align: center;
                    border-radius: 15px;
                    .col{
                        color: black;
                        line-height: 40px;
                        font-size: 18px;
                        text-align: center;
                    }
                }
                p.active{
                    background: #1890FF;
                    .col{
                        color: white;
                    }
                }
            }
        }
    }
    .content{
        padding: 20px 20px 20px 0 ;
        // border: 1px solid red;
    
        // #basic_username{
        //     background: none;
        // }
    }
    
}

   